<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <?php $this->load->view('head'); ?>
        <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url() . "css/ui.jqgrid.css" ?>" />
        <link type="text/css" href="<?php echo base_url() . "css/redmond/jquery-ui-1.8.14.custom.css"; ?>" rel="stylesheet" />
        <script src="<?php echo base_url() . "js/jquery-ui-1.8.14.custom.min.js"; ?>" type="text/javascript"></script>
        <script src="<?php echo base_url() . "js/jquery.ui.datepicker-es.js" ?>" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url() . "css/ui.jqgrid.css" ?>" />
        <script src="<?php echo base_url() . "js/i18n/grid.locale-es.js" ?>" type="text/javascript"></script>
        <script src="<?php echo base_url() . "js/jquery.jqGrid.min.js" ?>"  type="text/javascript"></script>
        <style type="text/css">
            .ui-jqgrid tr.jqgrow td {
                white-space: normal !important;
                height:auto;
                vertical-align:text-top;
                padding-top:2px;
            }
        </style>
        <title></title>
        <script type="text/javascript">
            var globalEntidad = ""; //no eliminar
            $(document).ready(function(){
                $("#fecIni").datepicker({dateFormat:"yy-mm-dd",maxDate:"<?php echo date("Y-m-d") ?>",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
                $("#fecFin").datepicker({dateFormat:"yy-mm-dd",maxDate:"<?php echo date("Y-m-d") ?>",changeMonth: true,changeYear: true, yearRange: '1941:<?php echo date('Y'); ?>' });
                jQuery("#list").jqGrid({
                    url: '<?php echo site_url("grilla/administaPer/$transaccion"); ?>',
                    datatype: 'xml',
                    mtype: 'POST',
                    colNames:['Acciones','Tipo','Entidad','Tipo Afiliación','Actual','Inicio','Fin'],
                    colModel :[
                        {name:'accion',index:'accion', width:135,editable:false},
                        {name:'tipAdministradoraDesc',index:'tipAdministradoraDesc', width:220,editable:true},
                        {name:'administradoraNombre',index:'administradoraNombre', width:220,editable:true},
                        {name:'tempVarchar2',index:'tempVarchar2', width:220,editable:true},
                        {name:'tempVarchar3',index:'tempVarchar3', width:73,editable:true},
                        {name:'tempDate1',index:'tempDate1', width:80},
                        {name:'tempDate2',index:'tempDate2', width:80}
                    ],
                    loadComplete: function(){
                        var ids = jQuery("#list").getDataIDs();
                        for(var i=0;i<ids.length;i++){
                            var cl = ids[i];
                            var se = "<input type='button'  value='Editar' class='btnEnGrilla' onclick=\"fnModifica('" + cl + "','1','0');\" \\>";
                            se = se + "&nbsp;<input type='button' onclick=\"fnModifica('" + cl + "','D','1');\" value='Eliminar' class='btnEnGrillaElimina' \\>";
                            jQuery("#list").setRowData(cl,{accion:se});
                        }
                        <?php if($permisoEdita == "No") echo "fntodoLectura();"; ?>
                    },
                    pager: jQuery('#pager'),
                    rowNum:50,
                    rowList:[10,20,30,50],
                    sortname: 'tipAdministradoraDesc',
                    sortorder: "asc",
                    viewrecords: true,
                    caption: 'Contratos de Seguridad Social',
                    height:260
                });
                //Barra de navegación
                jQuery("#list").navGrid('#pager',{edit:false,add:false,del:false,search:false,view:true});
                $("#tipo").change(function(){
                    $(".ocultar").css("display","none");
                    if($(this).val() != ""){
                        $("#divEntidad").css("display", "block");
                        url = "<?php echo site_url("registro/adminEntidades/"); ?>/" + $(this).val();
                        if($(this).val() == "AFP"){
                            $(".ocultar").css("display","block");
                        }
                        $("#divEntidad").load(url,function(){
                            $("#adminis").val(globalEntidad);
                        });
                    }else $("#divEntidad").html("");
                }); //fin $("#dpto").change(function(){

                $("#btnGuardar").click(function(){
                    if(validacion()){
                        $.post($("#formExperiencia").attr("action"),$("#formExperiencia").serialize() ,function(){
                            fnReset();
                        });
                    }
                });
                $("#btnAnterior").click(function(){
                    if(fnValAnt())
                        window.location = "<?php echo site_url("registro/discapacidad/100/$transaccion");?>";
                });
                <?php if($permisoEdita == "No") echo "fntodoLectura();"; ?>
            }); //fin document
            function fnValAnt(){ //funcion para validar si hay informacion antes de navegar entre las ventanas
                var vacio = true;
                $("form  input:text").each(function(){
                    if(!vacio) return;
                    if($(this).val() != "") vacio = false;
                });
                if(vacio)
                    $("form  select").each(function(){
                        if(!vacio) return;
                        if($(this).val() != "") vacio = false;
                    });
                if(vacio)
                    $("form  textarea").each(function(){
                        if(!vacio) return;
                        if($(this).val() != "") vacio = false;
                    });
                if(!vacio){ //no esta vacio el formulario
                    return confirm("Hay información que no ha guardado. ¿Desea continuar?");
                }
                else return vacio;
            }
            function fnModifica(idRow,accion,opc){
                switch (opc) {
                    case '0':
                        var url = "<?php echo site_url("registro/adminSalud/"); ?>/" + accion + "/" + $("#transaccion").val() + "/" + idRow;
                        $.getJSON(url, function(datos){
                            globalEntidad = datos.tempInt1;
                            $("#tipo").val(datos.tempVarchar1).trigger('change');
                            $("#contrato").val(datos.tempVarchar2);
                            $("#actual").val(datos.tempVarchar3);
                            $("#fecIni").val(datos.tempDate1);
                            $("#fecFin").val(datos.tempDate2);
                            $("#formExperiencia").attr("action", '<?php echo site_url("registro/adminSalud/") . "/E"; ?>')
//                            $("#btnGuardar").val("Editar");
                            $("#inpAccion").val('E');
                            $("#tiempoPension").val(datos.tempInt2);
                            $("#regimen").val(datos.tempVarchar4);
                            $("#pension").val(datos.tempVarchar5);
                            $("#tempId").val(datos.tempId);
                        });
                        break;
                    default:
                        var url = "<?php echo site_url("registro/adminSalud/"); ?>/" + accion + "/" + idRow;
                        if(confirm("¿Seguro que desea eliminar el registro?")){
                            $.post(url,function(){
                                fnReset();
                            });
                        }
                        break;
                    }
                }

                function validacion(){
                    if($("#tipo").val() == "AFP"){
                        if(!$("#tiempoPension").val().match(/^\d+$/)){
                            alert("El periodo de pensión debe ser un valor numerico");
                            $("#tiempoPension").focus();
                            return false;
                        }
                        if($("#pension").val() == ""){
                            alert("Elija la pensión");
                            $("#pension").focus();
                            return false;
                        }
                        if($("#regimen").val() == ""){
                            alert("Elija el régimen");
                            $("#regimen").focus();
                            return false;
                        }
                    }
                    if($("#tipo").val() == ""){
                        alert("Elija el tipo de afiliación a Seguridad Social");
                        $("#tipo").focus();
                        return false;
                    }
                    else{
                        if($("#adminis").val() == ""){
                            alert("Elija una Entidad");
                            $("#adminis").focus();
                            return false;
                        }
                    }
                    if($("#contrato").val() == ""){
                        alert("Elija el tipo de afiliación");
                        $("#contrato").focus();
                        return false;
                    }
                    if($("#actual").val() == ""){
                        alert("Elija si el contrato es vigente o no");
                        $("#actual").focus();
                        return false;
                    }
                    else if($("#fecFin").val() == "" && $("#actual").val() == 'No'){
                        alert("Elija la fecha de finalizacion del contrato");
                        $("#fecFin").focus();
                        return false;
                    }
                    if($("#fecIni").val() == ""){
                        alert("Elija la fecha de inicio del contrato");
                        $("#fecIni").focus();
                        return false;
                    }
                    return true;
                }
                function fnReset(){
                    $('#btnGuardar').val('Guardar');$("#tempId").val('');
                    $('#formExperiencia').attr('action','<?php echo site_url("registro/adminSalud/") . "/0"; ?>');
                    $('#formExperiencia').trigger("reset");
                    $("#tipo").trigger("change");
                    $('#list').trigger('reloadGrid');
                }
        </script>
    </head>
    <body>
        <div class="divTitulo">REGISTRO DE SEGURIDAD SOCIAL</div>
        <?php $this->load->view("tituloGrilla"); ?>
        <?php $this->load->view("enBody"); ?>
        <form id="formExperiencia" action="<?php echo site_url("registro/adminSalud/0"); ?>" method="post" onsubmit="return validacion();"  >
            <table>
                <tr>
                    <td><label for="tipo">Tipo</label> </td>
                    <td><select id="tipo" name="tipo" title="Tipo de afiliacion a seguridad social" >
                            <option value="">Elija</option>
                            <?php
                            foreach ($tipos->result() as $row)
                                echo "<option value='" . $row->tipAdministradoraTip . "'>" . $row->tipAdministradoraDesc . "</option>";
                            ?>
                        </select>
                    </td>
                    <td><label for="entidad">Entidad</label></td>
                    <td colspan="5"><div id="divEntidad"></div></td>
                </tr>
                <tr >
                    <td colspan="8" ><div class="ocultar"><label for="tiempoPension">Tmp Cotización(Mes)</label>
                            <input type="text" id="tiempoPension" name="tiempoPension" title="Ingrese el tiempo de cotizacion en meses" size="5" />
                            <label for="regimen">Régimen</label>
                            <select id="regimen" name="regimen" title="Elija el régimen de la pensión" >
                                <option value="">Elija</option>
                                <option value="contributivo">Contributivo</option>
                                <option value="subsidiado">Subsidiado</option>
                            </select>
                            <label for="pension">Pensión</label>
                            <select id="pension" name="pension" title="Elija el el tipo de pensión" >
                                <option value="">Elija</option>
                                <option value="sustitucion">Sustitución</option>
                                <option value="invalidez">Invalidez</option>
                            </select>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td><label for="contrato">Tipo Afiliación</label></td>
                    <td ><select id="contrato" name="contrato">
                            <option value="">Elija</option>
                            <option value="Beneficiario">Beneficiario</option>
                            <option value="Cotizante">Cotizante</option>
                        </select>
                    <td><label for="actual">¿Contrato Vigente?</label></td>
                    <td ><select id="actual" name="actual">
                            <option value="">Elija</option>
                            <option value="No">No</option>
                            <option value="Si">Si</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td><label for="fecIni">Fecha Inicio</label></td>
                    <td><input type="text" id="fecIni" name="fecIni" title="Fecha de inicio de contrato con la entidad" size="9" readonly  /> </td>
                    <td><label for="fecFin">Fecha Final</label></td>
                    <td><input type="text" id="fecFin" name="fecFin" size="9" readonly title="Fecha de finalización de contrato con la entidad"   /> </td>
                </tr>
                <tr>
                    <td colspan="4" style="text-align: center">
                        <input type="button" value="Guardar" id="btnGuardar" />
                        <input type="button" value="Limpiar" onclick="return fnReset();" />
                        <input type="button" value="Cerrar Ventana" onclick="window.close();" />
                        <input type="hidden" value="<?php echo $transaccion; ?>" name="transaccion" id="transaccion" />
                        <input type="hidden" value="" name="tempId" id="tempId" />
                        <input type="hidden" value="C" id="inpAccion" />
                    </td>
                </tr>
                <tr>
                    <td colspan="4" style="text-align: center">
                        <input type="button" value="Anterior" id="btnAnterior" style="font-style: italic"/>
                    </td>
                </tr>
            </table>
        </form>
        <div id="pager" class="scroll" style="text-align:center;"></div>
        <table id="list" class="scroll" style="font-size: 14px"></table>
    </body>
</html>
